<!DOCTYPE html>
<html lang="en">
<head>
  <base href=""/>
  <meta charset="UTF-8">
  <title>桩实时状态</title>
  <link type="text/css" rel="stylesheet" href="../static/css/bootstrap.min.css"/>
  <link type="text/css" rel="stylesheet" href="../static/css/common.css"/>
  
  <script type='text/javascript' src='../static/js/jquery-1.10.2.min.js'></script>
  <script type='text/javascript' src='../static/js/bootstrap.min.js'></script>
  <script type='text/javascript' src='../static/js/bootstrap-datetimepicker.js'></script>
  <script type='text/javascript' src='../static/js/bootstrap-datetimepicker.zh-CN.js'></script>
  <script type="text/javascript" src="../static/js/common.js"></script>
  <script type="text/javascript" src="../static/js/messageContent.js"></script>
  <script type="text/javascript" src="../static/js/page.js"></script>
  <script type='text/javascript' src='../static/js/echarts.js'></script>
  <script type="text/javascript" src="../static/js/equipmentRealTimeStatus.js"></script>
  <script type="text/javascript" src="../static/table/equipmentRealTimeStatusTable.js"></script>
</head>
<body>
<div class="ablosulteDiv">
	<div class="recordTDiv">
	  <div class="top">
	    <h4 class="partTitle">
			当前位置: 充电桩 <span class="comSpanTitle">></span>实时状态
		</h4>
	  </div>
	  <div class="blueBorder"></div>
	  <div class="scrollBody">
		  <div class="partWhite paddingBottomTen" id="scrollHeight">
		  <form class="form-horizontal" id="equipmentStatusForm">
		      <input id="page" name = "page" hidden = "hidden" value = "1">
		      <input id="rows" name = "rows" hidden = "hidden" value = "15">
		      <div class="form-group">
		      	  <div class="col-md-3 col3ConditionAll">
			          <label for="ChargingStationID" class="col-sm-4 control-label partConditionTitle">充电站名称</label>
			          <div class="col-sm-8 partCondition">
			              <select id="ChargingStationID" name="ChargingStationID" class="form-control" onchange='changeSelect()'>
			                <option value='' selected="selected">请选择</option>
			              </select>
			          </div>
		          </div>
		          <div class="col-md-3 col3ConditionAll">
		          	<label for="CommunicationState" class="col-sm-4 control-label partConditionTitle">通讯状态</label>
			          <div class="col-md-8 partCondition">
			              <select id="CommunicationState" name="CommunicationState" class="form-control" onchange='changeSelect()'>
			                  <option value='' selected="selected">请选择</option>
			                  <option value='1' >正常</option>
			                  <option value='0' >断开</option>
			              </select>
			          </div>
		          </div>
		          <div class="col-md-2 partCondition paddingBottomTen">
		          		<button type="reset" onclick="changeSelect()" class="btn btnReset marginLeft2ten">
			     			<img src="../static/images/resultPng.png" height="20" width="20"/>
			       	 		重置
	       				 </button>
       				</div>
		        </div>
		    </form> 
		  </div>
		  <div class="partWhite">
		  	<div class="comHtmlTitle"><span class="borBlue"></span>充电桩实时状态—列表
		    <div class="partTable">
		      <table class="table table-hover" id="realTimeStatusTable">
		        <thead id="realTimeStatusThead"></thead>
		        <tbody id="realTimeStatusTbody"></tbody>
		      </table>
		      <table class="table scrollTable" id="realTimeStatusTable1" hidden="hidden">
       		  </table>
		    </div>
		    <div class="partBtn">
			  <div class="partTurnPage">
		        <ul class="list-inline">
		          <li id="total"></li>
		          <li class="turnPage"></li>
		        </ul>
		      </div>
		 	</div>
		  </div>
	  </div>
 	 </div>
 	 </div>
	 <div class="recordFDiv">
	 	<div class="recordFDivTwo">
	 		<div class="recordTitleDiv">桩实时状态-通讯统计</div>
	 		<div class="paddingTen">
	 			<div id="stationEcharts"></div>
	 			<div class="col-sm-12">
	 				<div class="col-sm-12 partTurnPage" id="svg">
                	</div>
                	<div class="col-sm-12">
                		<div class="col-sm-10 col-sm-offset-2 marginBottom2Ten">
                			<span style="background: #5EE19F;padding-right:15px;margin-right:5px;"></span> 通讯正常(个):
                			<span id="monitorings"></span>
                		</div>
                		<div class="col-sm-10 col-sm-offset-2  marginBottom2Ten">
                			<span style="background: #58BCE0;padding-right:15px;margin-right:5px;"></span> 通讯断开(个):
                			<span id="noMonitoring"></span>
                		</div>
                	</div>
	 			</div>
	 		</div>
	 	</div>
	 </div>
 </div>
</body>
</html>
